/*新闻详情开始*/
.newsInfoDet{
    margin-top: 50px;
}
.linkBox{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.homeImg{
    width: 20px;
}
.homeImg img{
    width: 100%;
}
.linkBox a{
    color: #666666;
    margin: 0 5px;
}
.linkBox a:first-child{
    margin-left: 0;
}
.linkBox a:hover {
    color: #EF4E22;
}
.newsDetail{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}
.newsDetailLeft{
    width: 63.12%;
    padding: 70px 60px 0 60px;
    border: 1px solid #e5e5e5;
}
.newsDetailRight{
   margin-left: 40px;
    flex: 1;
}
.newsDetailTitle{
    text-align: center;
    font-size: 32px;
    font-weight: 500;
}
.cen_box{
    display: flex;
}
.newsDetailLeft .cen {
    padding: 30px 0;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    border-bottom: #e5e5e5 1px solid;
}
.newsDetailLeft .cen .cen_box {
    display: flex;
    justify-content: center;
    line-height: 21px;
    color: #b5b5b5;
    font-size: 16px;
}
.newsDetailLeft .cen .cen_box i {
    display: inline-block;
}
.newsDetailLeft .cen .cen_box i.i1 {
    margin-right: 20px;
}
.newsDetailLeft .cen .cen_box i.icon {
    padding: 0 22px;
    font-weight: normal;
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_1.png) left center no-repeat;
}
.newsDetailLeft .cen span {
    display: inline-block;
    width: 39px;
    height: 21px;
    border-right: #c6c6c6 1px solid;
    cursor: pointer;
}
.newsDetailLeft .cen span.big {
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_2.png) center no-repeat;
}
.newsDetailLeft .cen span.big:hover,
.newsDetailLeft .cen span.big.cur {
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_2s.png) center no-repeat;
}
.newsDetailLeft .cen span.middle {
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_3.png) center no-repeat;
}
.newsDetailLeft .cen span.middle:hover,
.newsDetailLeft .cen span.middle.cur {
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_3s.png) center no-repeat;
}
.newsDetailLeft .cen span.small {
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_4.png) center no-repeat;
}
.newsDetailLeft .cen span.small:hover,
.newsDetailLeft .cen span.small.cur {
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_4s.png) center no-repeat;
}
.newsDetailLeft .cen span.cur {
    color: #1e6874;
}
.newsDetailLeft .cen .share {
    display: inline-block;
    width: 20px;
    height: 21px;
    cursor: pointer;
    padding-left: 14px;
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_5.png) 14px center no-repeat;
}
.newsDetailLeft .cen .share span {
    border-right: 0px;
}
.newsDetailLeft .text img,
.newsDetailLeft .text video {
    display: block;
    margin: 40px auto;
    width: 100%;
    height: auto !important;
}
.newsDetailLeft .text p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    text-align: justify;
}
.go_article {
    position: relative;
    padding: 40px 0;
    line-height: 24px;
    font-size: 18px;
    border-top: #e5e5e5 1px solid;
    margin-top: 40px;
    overflow: hidden;
}
.go_article .fl p {
    padding-left: 20px;
    color: #666;
    float: left;
    background: url(https://cdncn.prodrone-tech.com/images/news/icon-2.png) left center no-repeat;
    font-size: 18px;
}
.go_article .fl span{
    float: left;
    margin-left: 10px;
    color: #333;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.go_article .fl:hover p {
    color: #EF4E22;
    background: url(https://cdncn.prodrone-tech.com/images/news/icon-2s.png) left center no-repeat;
}
.go_article .fl:hover span{
    color: #EF4E22;
}
.go_article .pos {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background: url(https://cdncn.prodrone-tech.com/images/news/icon-1.png) center no-repeat;
}
.go_article .fr span{
    float: left;
    margin-right: 10px;
    color: #333;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.go_article .fr p {
    padding-right: 20px;
    color: #666;
    float: right;
    font-size: 18px;
    background: url(https://cdncn.prodrone-tech.com/images/news/icon-3.png) right center no-repeat;
}
.go_article .fr:hover p {
    color: #EF4E22;
    background: url(https://cdncn.prodrone-tech.com/images/news/icon-3s.png) right center no-repeat;
}
.go_article .fr:hover span{
    color: #EF4E22;
}
.aboutNews{
    font-size: 26px;
    font-weight: 500;
}
.aboutNewsList{
    margin-top: 30px;
}
.aboutNewsImg img{
    width: 100%;
}
.aboutNewsTitle{
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    color: #333;
    height: 48px;
}
.aboutNewsList:hover .aboutNewsTitle{
    color: #EF4E22;
}
.aboutNewsDate{
    margin-top: 10px;
    background: url("https://cdncn.prodrone-tech.com/images/news/icon-4.png") left center no-repeat;
    padding-left: 22px;
    color: #999999;
    font-size: 16px;
}
/*新闻详情结束*/
/*新闻列表开始*/
.insideBanner{
    height: 70vh;
    position: relative;
}
.insideBanner i{
    width: 100%;
    height: 100%;
}
.insideBanner .pos{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
.insideBannerTitle{ display:none;
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.insideBanner .posbox{
    top: 25%;
}
.navigation{
    border-bottom: 1px solid #efefef;
}
.navigation .w1600{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.navigatList{
    margin: 0 45px;
    font-size: 18px;
    color: #333333;
    height: 70px;
    line-height: 70px;
    position: relative;
}
.navigatList.curr{
    color: #EF4E22;
}
.navigatList.curr:after{
    width: 100%;
}
.navigatList:after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #EF4E22;
    transition: all 0.3s;
    left: 50%;
    transform: translateX(-50%);
}
.navigatList:hover{
    color: #EF4E22;
}
.navigatList:hover:after{
    width: 100%;
}
.navThree{
    padding: 50px 0;
}
.navThree .w1600{
    display: flex;
    align-items: center;
    justify-content: center;
}
.navThreeList{
    height: 50px;
    line-height: 50px;
    border: 1px solid #efefef;
    padding: 0 35px;
    margin: 0 22px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}
.navThreeList.curr{
    color: #EF4E22;
    border: 1px solid #EF4E22;
}
.navThreeList:hover{
    color: #EF4E22;
    border: 1px solid #EF4E22;
}
.newsContBg{
    background: #fff url("../images/newsBg.png") center no-repeat;
    background-size: cover; padding-bottom:50px;
}

.newsContBg.newsVideo .newsContent .newsInfoBox .newsDate{
    margin: 20px 0 0;
}

.newsInfoBox{
    display: none;

}
.newsContent.curr .newsInfoBox{
    display: flex;
    flex-wrap: wrap;
    visibility: visible;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp2;
}
.newsList{
    width: calc((100% - 80px) / 3);
    position: relative;
    height: 310px;
    margin-left: 40px;
    margin-top: 40px;
}
.newsList:first-child, .newsList:nth-child(3n+1){
    margin-left: 0;
}
.newsList:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
    top: 0;
    left: 0;
}
.newsList:after{
    content: '';
    position: absolute;
    height: 3px;
    background: #EF4E22;
    transition: all 0.5s;
    width: 0;
    bottom: 0;
}
.newsList i{
    width: 100%;
    height: 100%;
}
.newsPos{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 35px 35px 35px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.7s;
    transform: translateY(77px);
}
.newsDate{
    display: flex;
    align-items: center;
    transition: all 0.5s;
    margin-bottom: 15px;
}
.newsTitle{
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    margin-top: 25px;
    margin-bottom: 10px;
    transition: all 0.5s;
}
.newsTime{
    color: #fff;
    margin-left: 12px;
    font-size: 14px;
}
.newsDateImg{
    width: 18px;
}
.newsDateImg img{
    width: 100%;
}
.newsText{
    color: #fff;
    font-size: 16px;
    transition: all 0.5s;
    height: 42px;
}
.newsList:hover:after{
    width: 100%;
}
.newsList:hover .newsPos{
    transform: translateY(0);
}
/*新闻列表结束*/
/*电力应用开始*/
.pageBanner{
    width: 100%;
    height: 70vh;
    position: relative;
}
.pageBanner i{
    width: 100%;
    height: 100%;
}
.pageBannerList{
    width: 100%;
    height: 100%;
    position: relative;
}
.pageBannerCont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.bannerTitle img{
    margin: 0 auto;
}
.pageBannerText{
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
    width: 800px;
    line-height: 30px;
    text-align: justify;
}
.pageBannerTitle{
    font-size: 40px;
    color: #fff;
}
.swiper-slide-active .pageBannerTitle{
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.swiper-slide-active .pageBannerText{
    animation-delay: 0.8s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.pageTurning{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.pageTurning .w1600{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pageBanner .swiper-button-prev{
    position: initial;
    width: 8px!important;
    height: 19px!important;
    background: url("https://cdncn.prodrone-tech.com/images/index/left.png") center no-repeat;
    background-size: cover;
    margin-top: initial;
    margin-left: -40px;
}
.pageBanner .swiper-button-prev:hover{
    background: url("https://cdncn.prodrone-tech.com/images/index/lefts.png") center no-repeat;
}
.pageBanner .swiper-button-next{
    position: initial;
    width: 8px!important;
    height: 19px!important;
    background: url("https://cdncn.prodrone-tech.com/images/index/right.png") center no-repeat;
    background-size: cover;
    margin-top: initial;
    margin-right: -40px;
}
.pageBanner .swiper-button-next:hover{
    background: url("https://cdncn.prodrone-tech.com/images/index/rights.png") center no-repeat;
}
.pageBanner .swiper-button-prev:after, .pageBanner .swiper-button-next:after{
    display: none;
}

.bannerPage{
    position: absolute;
    bottom: 60px;
    width: 100%;
    color: #fff;
}
.bannerPage .w1600{
    display: flex;
}
.bannerPage .swiper-pagination{
    display: flex;
    align-items: baseline;
    width: auto;
    position: initial;
    font-size: 18px;
}
.bannerPage .swiper-pagination-current{
    color: #EF4E22;
    font-size: 26px;
    margin-right: 10px;
}
.bannerPage .swiper-pagination-total{
    margin-left: 8px;
}
.applicatTitle{
    margin: 90px 0;
    font-size: 18px;
    line-height: 34px;
    color: #333333;
    text-align: left;
}
.efficiency {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
    margin-bottom: 60px;
    position: relative;
    margin-top: 90px;
}
.efficiSwiper{
    overflow: hidden;
    background: #fafafa;
    width: 100%;
}
.efficiSwiper .swiper-pagination{
    bottom: 0!important;
}
.efficiSwiper .swiper-pagination-bullet {
    background: #dadada;
    border-radius: unset;
    width: 12px;
    height: 12px;
    opacity: 1!important;
}
.efficiSwiper .swiper-pagination-bullet-active {
    background: #EF4E22;
    width: 60px;
}
.efficiencyList{
    width: calc(100% / 3)!important;
    position: relative;
    padding: 60px;
    cursor: pointer;
    box-sizing: border-box;
}
.applicatInfo .efficiencyList{
    width: calc(100% / 3);
}

.efficiencyList:after{
    content: '';
    position: absolute;
    left: 0;
    height: 50px;
    width: 1px;
    background: #dfdfdf;
    top: 50%;
    transform: translateY(-50%);
}
.efficiencyList:first-child:after{
    display: none;
}
.efficiencyTop{
    display: flex;
    justify-content: space-between;
}
.efficiencyTitle{
    font-weight: 500;
    font-size: 26px;
    color: #999;
}
.efficiencyText{
    margin-top: 20px;
    font-size: 18px;
    color: #666666;
    line-height: 30px;
}
.efficiencyList:hover .efficiencyTitle{
    color: #333;
}
.efficiencyImg{
    width: 56px;
    height: 56px;
    transition: all 0.5s;
}
.efficiencyImg i{
    width: 100%;
    height: 100%;
}
.efficiencyIcons{
    display: none;
}
.efficiencyList:hover .efficiencyImg{
    transform: rotateY(180deg);
}
.efficiencyList:hover .efficiencyIcon{
    display: none;
}
.efficiencyList:hover .efficiencyIcons{
    display: block;
}
.rangeBg{
    height: 510px;
    /* margin-top: 110px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.rangeTitle{
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    margin-top: -100px;
}
.inspection{
    margin-top: -100px;
}
.inspectionTop{
    background: #fff;
    display: flex;
    height: 190px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.spectSwiper{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.spectSwiper .swiper-button-next:after, .spectSwiper .swiper-button-prev:after{
    display: none;
}
.spectSwiper .swiper-button-prev{
    left: 50px;
    background: url("../images/icon/icon-11.png") center no-repeat;
    width: 8px;
    height: 18px;
    background-size: cover;
    opacity: 1!important;
    margin-top: 0;
    transform: translateY(-50%);
}
.spectSwiper .swiper-button-next{
    right: 50px;
    background: url("../images/icon/icon-12.png") center no-repeat;
    width: 8px;
    height: 18px;
    background-size: cover;
    opacity: 1!important;
    margin-top: 0;
    transform: translateY(-50%);
}
.spectSwiper .swiper-button-prev:hover{
    background: url("../images/icon/icon-11s.png") center no-repeat;
}
.spectSwiper .swiper-button-next:hover{
    background: url("../images/icon/icon-12s.png") center no-repeat;
}
.insFixed.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
}

.inspectionTopList{
    width: calc(100% / 3)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.inspectionTopList.smallNum{
    flex: 1;
    width: auto!important;
}
.inspectionTopList:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: #ededed;
}
.inspectionTopList:last-child:after{
    display: none;
}
.inspectionTopList:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 0;
    background: #EF4E22;
    transition: all 0.5s;
}
.inspectionTopList.curr:before{
    width: 100%;
}
.inspectionTopList:hover:before{
    width: 100%;
}
.inspectionTopImg{
    margin: 0 auto;
    width: 72px;
    height: 69px;
}
.inspectIcons{
    display: none;
}
.inspectionTopList.curr .inspectIcons{
    display: block;
}
.inspectionTopList.curr .inspectIcon{
    display: none;
}
.inspectionTopList i{
    width: 100%;
    height: 100%;
}
.inspectionTopTitle{
    font-size: 26px;
    color: #999;
    margin-top: 20px;
}
.inspectionBtn{
    margin-top: 100px;
    padding-bottom: 80px;
}
.inspectListSwiper{
    overflow: hidden;
    position: relative;
}
.inspectListSwiper i{
    height: 60vh;
}
.inspectListSwiper .swiper-pagination{
    bottom: 70px!important;
}
.inspectListSwiper .swiper-pagination-bullet{
    background: #dadada;
    border-radius: unset;
    width: 12px;
    height: 12px;
    opacity: 1!important;
}
.inspectListSwiper .swiper-pagination-bullet-active{
    background: #EF4E22;
    width: 60px;
}
.endurance{
   
    display: flex;
    justify-content: center; 
}
.enduranceImg{
    height: 70px;
}
.enduranceImg img{
    margin: 0 auto;
}
.enduranceTitle {
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
   
}
.wenhua { width:100%; background: url(../images/lc_bg.png) no-repeat center top rgba(0,0,0,.05); padding-bottom:100px; padding-top:0px; background-size: auto 100%;}
.enduranceList:hover { opacity:.85; margin-top:-1px;}
.enduranceList:hover .enduranceImg img { transform:rotate(360deg)}
.enduranceList .enduranceImg img { transition:all .4s; }
.endurance a {width:25%;}
 .enduranceList{
    padding: 30px 30px; transition:all .4s; 
    position: relative;
    flex: 1; margin-bottom:30px; margin:3% 3%; border:1px solid  rgba(255,255,255,.8); background:rgba(255,255,255,.8); border-radius:15px; text-align:center; height:190px;   
}
.enduranceList:after{
    content: '';
    position: absolute;
    right: 0;
    height: 50px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    background: #efefef;
}

.enduranceList:last-child:after{
    display: none;
}
.enduranceText{
    margin-top: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    text-align: left;
}
.enduranceText.endurNoPad{
    margin-top: 0;
    text-align: center;
}
.coreInfo{
    margin-top: 100px;
    background: url("https://cdncn.prodrone-tech.com/images/page/coreBg.png") center no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.coreCont{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.coreTitle{
    font-size: 40px;
    font-weight: 500;
    color: #333333;
    text-align: center;
}
.coreMore{
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
    color: #666666;
    font-size: 14px;
}
.coreMore:hover{
    text-decoration: underline;
}
.coreMoreRight{
    margin-left: 5px;
    width: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}
.coreMoreRight img{
    width: 100%;
}
.coreContLeft{
    width: 250px;
    margin-top: 25px;
}
.coreBigImg{
    height: 226px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.coreBigImg img{
    max-width: 100%;
    margin: 0 auto;
}
.coreBigTitle{
    margin-top: 50px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
}
.coreBigText{
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
}
.coreContRight{
    width: 50%;
    padding-left: 17%;
    display: flex;
    flex-wrap: wrap;
    height: 550px;
    position: relative;
    overflow: hidden;
}
.coreRightList{
    margin-left: 25px;
    background: #fff;
    padding: 25px;
    margin-top: 25px;
    width: calc((100% - 25px) / 2);
    box-sizing: border-box;
    cursor: pointer;
}
.coreRightList:first-child, .coreRightList:nth-child(2){
    margin-top: 0;
}
.coreRightList:first-child, .coreRightList:nth-child(2n+1){
    margin-left: 0;
}
.coreRightListTitle{
    margin-top: 25px;
    font-size: 18px;
    color: #333;
    text-align: center;
}
.coreRightListText{
    display: none;
}
.coreRightListImg{
    width: 135px;
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.coreRightListImg img{
    max-width: 100%;
    margin: 0 auto;
}
.coreSwiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    padding-right: 20px;
}

.coreSwiper .swiper-scrollbar{
    z-index: 5!important;
}
.coreSwiper .swiper-scrollbar-drag{
    background: rgba(0,0,0,0.2) !important;
}
.platform{
    margin-top: 90px;
}
.platformTitle{
    text-align: center;
    font-size: 32px;
    font-weight: 500;
}
.platformCont{
    display: flex;
    margin-top: 55px;
}
.platformContList i{
    width: 100%;
    height: 100%;
}
.platformContList{
    height: 280px;
    width: calc((100% - 100px) / 3);
    margin-left: 50px;
    position: relative;
}
.platformContList:first-child{
    margin-left: 0;
}
.platformBg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("https://cdncn.prodrone-tech.com/images/page/platformBg.png") center no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}
.platformContTitle{
    padding: 0 30px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
    width: 100%;
}
.platformSwiper{
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
}
.platformSwiper .swiper-slide{
    display: flex;
}
.platformSwiper .swiper-pagination{
    bottom: 0!important;
}
.platformSwiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: unset;
    background: #dadada;
    opacity: 1;
}
.platformSwiper .swiper-pagination-bullet-active{
    background: #EF4E22;
    width: 60px;
}
.insService{
    background: #fbfbfb;
    padding: 100px 0;
    box-sizing: border-box;
}
.insServiceTitle{
    text-align: center;
    font-weight: 500;
    font-size: 40px;
}
.insServiceText{
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
}
.insServiceSwiper{
    margin: 0 auto;
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}
.insServiceSwiper .swiper-slide{
    position: relative;
}
.insServiceSwiper i{
    width: 100%;
    height: 610px;
}
.insServiceSwiper .swiper-pagination{
    display: flex;
    right: 80px;
    width: auto;
    left: auto;
    bottom: 40px!important;
    color: #fff;
    font-size: 25px;
    align-items: baseline;
}
.insServiceSwiper .swiper-pagination-current{
    margin-right: 5px;
}
.insServiceSwiper .swiper-pagination-total{
    font-size: 16px;
    margin-left: 5px;
}
.insServiceSwiper .swiper-button-prev{
    width: 69px;
    height: 140px;
    background: url("https://cdncn.prodrone-tech.com/images/page/left.png") center no-repeat;
    background-size: cover;
    left: 0!important;
    transform: translateY(-50%);
    margin-top: 0;
}
.insServiceSwiper .swiper-button-next{
    width: 69px;
    height: 140px;
    background: url("https://cdncn.prodrone-tech.com/images/page/right.png") center no-repeat;
    background-size: cover;
    right: 0!important;
    transform: translateY(-50%);
    margin-top: 0;
}
.insServiceSwiper .swiper-button-prev:hover{
    background: url("https://cdncn.prodrone-tech.com/images/page/lefts.png") center no-repeat;
    background-size: cover;
}
.insServiceSwiper .swiper-button-next:hover{
    background: url("https://cdncn.prodrone-tech.com/images/page/rights.png") center no-repeat;
    background-size: cover;
}
.insServiceSwiper .swiper-button-prev:after, .insServiceSwiper .swiper-button-next:after{
    display: none;
}
.insPos{
    position: absolute;
    bottom: 45px;
    left: 80px;
}
.insPosTitle{
    color: #fff;
    font-size: 18px;
}
.trainInfo{
    padding: 90px 0;
    height: 800px;
    box-sizing: border-box;
}
.trainContent{
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 35px;
}
.trainTitle{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
}
.trainBox{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 70px;
}
.trainList{
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 1px dashed #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.trainImg{
    width: 75px;
    height: 65px;
    margin: 0 auto;
}
.trainImg img{
    width: 100%;
}
.trainText{
    color: #fff;
    font-size: 20px;
    margin-top: 35px;
}
.trainList:hover{
    background: rgba(255,255,255,0.6);
    border: 1px solid #fff;
}
.caseInfo{
    margin-top: 90px;
    padding-bottom: 100px;
}
.caseTopTitle{
    text-align: center;
    font-weight: 500;
    font-size: 40px;
}
.caseCont{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.caseList{
    width: calc((100% - 50px) / 2);
    margin-left: 50px;
    margin-top: 50px;
    height: 280px;
    position: relative;
}
.caseList:after{
    content: '';
    position: absolute;
    height: 3px;
    background: #EF4E22;
    transition: all 0.5s;
    width: 0;
    bottom: 0;
}
.caseList i{
    width: 100%;
    height: 100%;
}
.caseList:first-child, .caseList:nth-child(2n+1){
    margin-left: 0;
}
.casePos{
    width: 100%;
    height: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    transition: all 0.7s;
    transform: translateY(-84px);
}
.casePosBg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.5s;
}
.firstFlight{
    padding: 100px 0;
}
.caseTitle{
    color: #fff;
    font-size: 22px;
}
.caseText{
    font-size: 16px;
}
.caseTitleBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.caseText{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    opacity: 0;
    transition: all 0.3s;
}
.caseTitleIcon{
    transition: all 0.5s;
    opacity: 0;
}
.caseList:hover .casePosBg{
    opacity: 1;
}
.caseList:hover:after{
    width: 100%;
}
.caseList:hover .casePos{
    transform: translateY(calc(-100% + 60px));
}
.caseList:hover .caseTitleIcon{
    opacity: 1;
}
.caseList:hover .caseText{
    opacity: 1;
}
.caseSwiper{
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
}
.caseSwiper .swiper-pagination{
    bottom: 0!important;
}
.caseSwiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: unset;
    background: #dadada;
    opacity: 1;
}
.caseSwiper .swiper-pagination-bullet-active{
    background: #EF4E22;
    width: 60px;
}
/*电力应用结束*/
/*行业产品开始*/
.industryBanner{
    width: 100%;
    height: 100vh;
    position: relative;
}
.industryBanner i{
    width: 100%;
    height: 100%;
}
.industryBanner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.industryBannerList{
    width: 100%;
    height: 100%;
    position: relative;
}
.industryBannerCont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.industryBannerCont .w1600{
    padding-top: 190px;
}
.industryBannerTitle img{
    margin: 0 auto;
}
.industryBannerTitle{
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    text-align: center;
    font-size: 56px;
    color: #fff;
}
.industryBannerText{
    margin-top: 25px;
    color: #fff;
    text-align: center;
    font-size: 26px;
    animation-delay: 0.8s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.seeVideo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 30px;
    width: 155px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.seeVideoText{
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}
.pageContent{
    background: #010101;
}
.flight{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flightTitle{
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 40px;
}
.flightImg{
    width: 1170px;
    margin: 0 auto;
    margin-top: 100px;
}
.sk10Img{
    width: 850px;
    margin-top: 50px;
}
.flightImg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flightImg img{
    width: 100%;
}
.powerfulTitle{
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}
.powerfulText{
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 18px;
    width: 900px;
    line-height: 36px;
}
.powerfulCont{
    display: flex;
    color: #fff;
    justify-content: space-around;
    margin-top: 70px;
}
.powerBg{
    margin-top: 50px;
    position: relative;
}
.powerBg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.powerfulList{
    text-align: center;
}
.powerfulListTitle{
    font-weight: 500;
    font-size: 36px;
}
.powerfulListText{
    margin-top: 15px;
    font-size: 18px;
}
.powerBg img{
    width: 100%;
}
.powerful{
    padding-bottom: 100px;
}
.pageContent .firstFlight{
    padding-bottom: 50px;
}
.pageContent .powerful{
    padding-top: 50px;
}

.powerNoPad{
    padding-bottom: 0!important;
}
.insDetail{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100vh;
}
.insDetailLeft{
    width: 45%;
}
.insDetailList{
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.5s;
    overflow: hidden;
}
.insDetailList.curr{

}
.insDetailList.curr .insDetailText{

}
.insDetailList:first-child{
    margin-top: 0;
}
.insDetailText{
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    transition: all 0.5s;
    height: 0;
}
.insDetailRight{
    width: 50%;
    position: relative;
    height: 570px;
}
.insDetailImg{
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
}
.insDetailImg.on{
    opacity: 1;
}
.insDetailImg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.insDetailTitle{
    font-size: 32px;
    color: #fff;
    line-height: 60px;
    opacity: 0.6;
    transition: all 0.5s;
}
.insDetailList.curr .insDetailTitle{
    opacity: 1;
}
.insMore{
    margin-top: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.insMore a{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
}
.moreRight{
    margin-left: 8px;
    width: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}
.moreRight img{
    width: 100%;
}
.productShowList{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
}
.productShowList:first-child{
    margin-top: 0;
}
.productShowLeft{
    width: 50%;
    height: 600px;
}
.productShowLeft video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.productShowRight {
    padding: 0 80px 0 110px;
    width: 50%;
    box-sizing: border-box;
    color: #fff;
}
.productShowTitle{
    font-size: 32px;
    font-weight: 500;
}
.productShowText{
    margin-top: 30px;
    font-size: 18px;
    line-height: 36px;
}
.avoidance{
    position: relative;
    margin-top: 80px;
    height: 100vh;
}
.avoidanceInfo{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.avoidance video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.avoidanceTitle{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    margin-top: 100px;
}
.avoidanceText{
    width: 600px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 25px;
}
.remote{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 140px 0;
}
.remoteLeft{
    width: calc(50% - 110px);
    color: #fff;
}
.remoteTitle{
    font-size: 32px;
    font-weight: 500;
}
.remoteText{
    font-size: 18px;
    line-height: 36px;
    margin-top: 30px;
}
.remoteRight{
    width: 50%;
    height: 500px;
}
.gduMore{
    width: 140px;
    height: 44px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 30px;
}
.gduMore a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}
.adaptation{
    padding: 100px 0;
}
.adaptationTitle{
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.adaptationTop{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adaptaLeft{
    width: 27.85%;
}
.adaptaCon{
    width: 34.28%;
}
.adaptaCon img{
    width: 100%;
}
.adaptaRight{
    width: 27.85%;
}
.adaptaLeftTitle{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}
.adaptaMore{
    margin-top: 20px;
    display: flex;
    align-items: center;
    width: 140px;
    height: 40px;
    border-radius: 50px;
}
.adaptaMore a{
    display: flex;
    color: #fff;
    font-size: 14px;
    align-items: center;
}
.adaptaRight{
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-align: justify;
}
.adaptationBtn {
    margin-top: 56px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding-top: 24px;
}
.adaptaBtnList{
    width: calc((100% - 120px) / 3);
    position: relative;
    cursor: pointer;
}
.adaptaBtnList.swiper-slide-thumb-active:after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url("https://cdncn.prodrone-tech.com/images/industry/arrow.png") center no-repeat;
    background-size: cover;
    width: 43px;
    height: 24px;
    top: -24px;
}
.adaptaBtnListInfo{
    background: #171717;
    padding: 40px 0;
}
.adaptaBtnImg{
    width: 175px;
    height: 260px;
    margin: 0 auto;
}
.adaptaBtnTitle{
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 60px;
    margin-top: 10px;
}
.adaptaTopBox{
    position: relative;
}
.adaptaTopSwiper{
    margin-top: 140px;
    overflow: hidden;
}
.adaptation .adaptaTopBox .adaptaTopSwiper{
    margin-top: 0;
}
.adaptation .adaptationTitle{
    margin-bottom: 140px;
}
.adaptaTopBox .pageTurning {
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0;
}
.adaptaTopBox .pageTurning .w1400 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adaptaTopBox .swiper-button-prev:after, .adaptaTopBox .swiper-button-next:after{
    display: none;
}
.adaptaTopBox .swiper-button-prev{
    position: initial;
    width: 18px;
    height: 40px;
    background: url("https://cdncn.prodrone-tech.com/images/industry/left.png") center no-repeat;
    background-size: cover;
    margin-top: initial;
    opacity: 1!important;
    margin-left: -40px;
}
.adaptaTopBox .swiper-button-next{
    position: initial;
    width: 18px;
    height: 40px;
    background: url("https://cdncn.prodrone-tech.com/images/industry/right.png") center no-repeat;
    background-size: cover;
    margin-top: initial;
    opacity: 1!important;
    margin-right: -40px;
}
.checkSwiper .swiper-wrapper{
    display: flex;
    justify-content: space-between;
}
.sceneInfo{
    background: #0c0d0d;
    padding: 110px 0;
    margin-top: 70px;
}
.sceneTitle{
    font-weight: 500;
    text-align: center;
    color: #fff;
    font-size: 40px;
}
.sceneCont{
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sceneList{
    position: relative;
    width: calc((100% - 70px) / 3);
    margin-left: 35px;
    height: 380px;
    margin-top: 35px;
    overflow: hidden;
    cursor: pointer;
}
.sceneList:first-child, .sceneList:nth-child(3n+1){
    margin-left: 0;
}
.sceneList i{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.sceneList:hover i{
    transform: scale(1.05);
}
.scenePos{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
}
.scenePosCont{
    width: 100%;
    padding: 0 35px 35px 35px;
}
.sceneImg{
    height: 44px;
}
.scenePosTitle{
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
}
.sceneMore{
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.sceneMore a{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
}
.sceneMore a:hover{
    text-decoration: underline;
}
.outstanding{
    padding-bottom: 110px;
}
.insDetailInfo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.powerBgPos{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
}
.administrat{
    padding-left: 110px;
    padding-right: 30px;
}
.administratIcon{
    width: 50px;
}
.administratList{
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.administratList:first-child{
    margin-top: 0;
}
.administratRight{
    margin-left: 15px;
    color: #fff;
    width: 540px;
}
.administratTitle{
    font-size: 20px;
    font-weight: 500;
}
.administratText{
    font-size: 16px;
    margin-top: 5px;
    line-height: 26px;
}
.perception{
    padding-bottom: 100px;
}
.perceImg{
    margin-top: 50px;
}
.perceImg img{
    width: 100%;
}
.perceCont{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.perceContList{
    width: calc((100% - 210px) / 3);
    margin: 0 35px;
    text-align: center;
    color: #fff;
}
.perceContList:first-child{
    margin-left: 0;
}
.perceContList:last-child{
    margin-right: 0;
}
.perceContList:hover .perceContIcon img{
    transform: rotateY(360deg);
}
.perceContIcon{
    height: 53px;
}
.perceContIcon img{
    margin: 0 auto;
    transition: all 0.5s;
}
.perceContTitle{
    margin-top: 20px;
    font-size: 26px;
}
.perceContText{
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    text-align: left;
}
.analysis{
    display: flex;
    justify-content: center;
}
.analysisList {
    width: calc((100% - 200px) / 3);
    text-align: center;
    color: #fff;
    margin-left: 100px;
}
.analysisList:first-child{
    margin-left: 0;
}
.analysisList:hover .analysisImg img{
    transform: rotateY(360deg);
}
.analysisImg{
    height: 54px;
    display: flex;
    align-items: center;
}
.analysisImg img{
    margin: 0 auto;
    transition: all 0.5s;
}
.analysisTitle{
    font-size: 26px;
    font-weight: 500;
    margin-top: 20px;
}
.analysisText{
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    text-align: left;
}
.pop_video_bac {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.pop_video {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 31;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 1341px;
    background: #000;
}
.pop_video video {
    width: 100%;
}
.pop_video i {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 18px;
    height: 18px;
    background: url(https://cdncn.prodrone-tech.com/images/industry/close.png) center no-repeat;
    cursor: pointer;
}
.module {
    position: relative;
    min-height: 200vh;
    padding-bottom: 100px;
}
.moduleInfo{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: sticky;
    top: 0;
    overflow: hidden;
}
.moduleBg{
    width: 70%;
    /*transform-origin: center bottom;*/
}
.moduleImg{
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-position: 50%;
    object-fit: cover;
}
.zoomBg{
    width: 100%;
    height: 80vh;
    position: absolute;
    bottom: -100vh;
    z-index: 100;
    transform: translateZ(0);
    background: linear-gradient(0deg, black, black 15%, transparent)
}
#module0, #module2, #module3{
    min-height: 150vh;
}
.mozInfo{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.mozPos{
    padding-top: 20vh;
    opacity: 0;
    transform: translateY(15px);
}
.mozTitle{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    margin-top: 20px;
}
.mozText{
    width: 600px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 25px;
}

/*行业产品结束*/
.contentImg img{
    width: 100%;
}
.source{
    margin-right: 20px;
}
.linkBox{
    display: flex;
    align-items: center;
}
.pdlContent{
    padding-top: 100px;
}
.pdlText{
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
}
.pdlTopImg{
    margin-top: 40px;
}
.pdlTopImg img{
    width: 100%;
}
.pdlTopImg video, .loadPdlImg video{
    width: 100%;
    object-fit: cover;
}
.loadPdlList{
    margin-top: 50px;
    text-align: center;
    color: #fff;
}
.loadPdlTitle{
    font-size: 32px;
    margin-top: 50px;
}
.loadPdlText{
    font-size: 18px;
    margin-top: 20px;
}
.loadPdlImg{
    margin-top: 100px;
}
.loadPdlImg img{
    width: 100%;
}
.pdlContent .sceneInfo{
    margin-top: 0;
    background: #010101;
}
.newsMainBox{
    background: #fafafa;
}
.newsSwiper{
    padding-bottom: 85px;
    position: relative;
    display: none;
    overflow: hidden;
}
.newsSwiper.curr{
    display: block;
}
.newsSwiper .swiper-slide{
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
}
.newsSwiper .swiper-slide:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    top: 0;
    left: 0;
}
.newsSwiper .swiper-slide.swiper-slide-active:after{
    display: none;
}
.newsSwiperLeft{
    width: 50%;
    height: 395px;
}
.newsSwiperLeft i{
    width: 100%;
    height: 100%;
}
.newsSwiperRight{
    padding: 0 5%;
    width: 40%;
}
.newsSwiperTime{
    font-size: 16px;
    color: #EF4E22;
    margin-left: 10px;
}
.newsSwiperDate{
    display: flex;
    align-items: center;
    margin-top: 23px;
}
.newsSwiperRight .newsSwiperDate{
    margin: 0 0 25px;
}

.newsSwiperTitle{
    font-size: 22px;
}
.newsSwiperText{
    margin-top: 20px;
    color: #666666;
    font-size: 18px;
    line-height: 30px;
}
.newsSwiperMore{
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.newsSwiperMore a{
    display: flex;
    align-items: center;
}
.newsSwiperMore a:hover{
    text-decoration: underline;
}
.newsSwiperMoreRight{
    margin-left: 8px;
    width: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}
.newsSwiperMoreRight img{
    width: 100%;
}
.newsSwiperMoreText{
    color: #666;
    font-size: 14px;
}
.newsSwiperPage {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}
.newsSwiperPage .w1600{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsSwiperPage .swiper-button-next, .newsSwiperPage .swiper-button-prev{
    position: initial;
    width: 68px;
    height: 68px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 50%;
    transition: all 0.5s;
    margin-top: 0;
    transform: translateY(-50%);
}
.newsSwiperPage .swiper-button-prev {
    background: #fff url(../images/news/arrowLeft.png) center no-repeat;
    background-size: 12px;
    margin-left: -34px;
}
.newsSwiperPage .swiper-button-next {
    background: #fff url(../images/news/arrowRight.png) center no-repeat;
    background-size: 12px;
    margin-right: -34px;
}
.newsSwiperPage .swiper-button-prev:hover{
    background: #EF4E22 url(../images/news/arrowLefts.png) center no-repeat;
}
.newsSwiperPage .swiper-button-next:hover{
    background: #EF4E22 url(../images/news/arrowRights.png) center no-repeat;
}
.newsSwiperPage .swiper-button-next:after, .newsSwiperPage .swiper-button-prev:after{
    display: none;
}
.newsVideo .newsList{
    overflow: hidden;
}
.newsVideo .newsList i{
    transition: all 0.5s;
}
.newsVideo .newsDate{
    position: initial;
}
.newsVideo .newsList:hover .newsPos{
    background: transparent;
}
.newsVideo .newsList:hover .newsTitle{
    color: #fff;
}
.newsVideo .newsList:hover .newsDate{
    transform: none;
    opacity: 1;
}
.playInfo{
    width: 48px;
    margin: 0 auto;
}
.newsVideo .newsList:hover i{
    /*transform: scale(1.05);*/
}
.newsVideo .newsTitle{
    margin-top: 35px;
    margin-bottom: 0;
}
.newsVideo .newsPos{
    transform: none;
}
.newsVideo video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.productBox{
    display: flex;
    align-items: center;
    justify-content: center;
}
.productText{
    font-size: 56px;
    color: #fff;
    font-weight: 500;
    margin-top: -65px;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.productSwiper{
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
}
.productChildTitle{
    margin-top: 50px;
    font-size: 26px;
    color: #fff;
    text-align: center;
}
.productImg{
    margin: 0 auto;
    margin-top: 50px;
    width: 100%;
}
.productImg img{
    width: 100%;
}
.productSwiper .swiper-pagination{
    bottom: 0!important;
}
.productSwiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #dadada;
    opacity: 1;
    transition: all 0.5s;
}
.productSwiper .swiper-pagination-bullet-active{
    background: #EF4E22;
    width: 60px;
}
.productFlight{
    padding-bottom: 0;
}
.productPowerText{
    width: 100%;
}
.platformBox{
    background: #080808;
    padding-top: 100px;
}
.appliPlat{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 50px;
}
.appliPlatTitle{
    color: #fff;
    font-size: 26px;
    opacity: 0.31;
    cursor: pointer;
    padding-bottom: 20px;
    position: relative;
}
.appliPlatTitle.curr{
    opacity: 1;
}
.appliPlatTitle:after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    background: #fff;
    transition: all 0.5s;
}
.appliPlatTitle.curr:after{
    width: 100%;
}
.appliPlatText{
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    margin-top: 35px;
}
.productPerce .perceContIcon{
    height: 64px;
    display: flex;
    align-items: center;
}
.proPerceList{
    display: none;
    margin-top: 100px;
}
.proPerceList.curr{
    display: block;
}
.supportPage{
    background: #f9f9f9 url(../images/product/bg.png) bottom no-repeat;
}
.instructions{
    display: flex;
    flex-wrap: wrap;
}
.instructList{
    margin-left: 50px;
    width: calc((100% - 100px) / 2);
    background: #fff;
    margin-top: 50px;
    padding: 60px 0;
    box-sizing: border-box;
}
.instructList:nth-child(2n+1){
    margin-left: 0;
}

.instructListImg{
    width: 260px;
    margin: 0 auto;
}
.instructListImg img{
    width: 100%;
}
.instructListTitle{
    font-size: 22px;
    margin-top: 0px;
    text-align: center;
}
.instructListBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.instructListBtnList{
    display: flex;
    align-items: center;
    margin-left: 30px;
    width: 130px;
    height: 50px;
    border: 1px solid #ededed;
    justify-content: center;
}
.instructListBtnList:first-child{
    margin-left: 0;
}
.instructListBtnText{
    margin-left: 10px;
    font-size: 16px;
    color: #999999;
}
.preview{
    width: 18px;
    height: 18px;
    background: url("../images/product/icon-8.png") center no-repeat;
    background-size: cover;
}
.downPage{
    width: 18px;
    height: 17px;
    background: url("../images/xiazai.png") center no-repeat;
    background-size: cover;
}
.instructListBtnList:hover{
    background: #EF4E22;
}
.instructListBtnList:hover .preview{
    background: url("../images/product/icon-8s.png") center no-repeat;
    background-size: cover;
}
.instructListBtnList:hover .downPage{
    background: url("../images/xiazaia.png") center no-repeat;
    background-size: cover;
}
.instructListBtnList:hover .instructListBtnText{
    color: #fff;
}
.instructApp{
    width: 180px;
    height: 55px;
}
.afterSales{
    margin-top: 100px;
    padding-bottom: 100px;
}
.salesTitle{
    font-size: 40px;
    text-align: center;
}
.salesInfo{
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.salesList{
    width: calc((100% - 360px) / 3);
    margin-left: 120px;
    background: #f9f9f9;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    position: relative;
}
.salesList:first-child{
    margin-left: 0;
}
.salesText{
    margin-top: 10px;
    font-size: 20px;
}
.salesIcon-1{
    background: url("../images/product/icon-10.png") center no-repeat;
    background-size: cover;
    width: 39px;
    height: 42px;
}
.salesIcon-2{
    background: url("../images/product/icon-11.png") center no-repeat;
    width: 38px;
    height: 40px;
}
.salesIcon-3{
    background: url("../images/product/icon-12.png") center no-repeat;
    width: 38px;
    height: 42px;
}
.salesIcon-4{
    background: url("../images/product/icon-13.png") center no-repeat;
    width: 47px;
    height: 45px;
}
.salesList.curr{
    background: #EF4E22;
}
.salesList.curr .salesText{
    color: #fff;
}
.salesList:hover .salesText{
    color: #EF4E22;
}
.salesList.curr:hover .salesText{
    color: #fff;
}
.salesList.curr .salesIcon-1{
    background: url("../images/product/icon-10s.png") center no-repeat;
}
.salesList.curr .salesIcon-2{
    background: url("../images/product/icon-11s.png") center no-repeat;
}
.salesList.curr .salesIcon-3{
    background: url("../images/product/icon-12s.png") center no-repeat;
}
.salesList.curr .salesIcon-4{
    background: url("../images/product/icon-13s.png") center no-repeat;
}
.salesList.curr:after{
    content: '';
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../images/product/icon-14.png") center no-repeat;
    width: 36px;
    height: 18px;
}
.salesCont{
    margin-top: 70px;
    background: url("../images/product/salesBg.png") center no-repeat;
    background-size: cover;
    max-height: 650px;
    padding: 50px 60px;
    box-sizing: border-box;
    overflow-y: auto;
    display: none;
}
.salesCont.curr{
    display: block;
}
.salesCont::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}
.salesCont::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 6px;
    background-color: #a3a3a3;
}
.salesCont::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
    background: #e3e3e3;
}
.salesCont h4{
    font-size: 20px;
    line-height: 39px;
    font-weight: normal!important;
}
.salesCont h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
}
.salesCont p{
    position: relative;
    font-size: 16px;
    line-height: 35px;
    display: flex;
    padding-left: 18px;
}
.salesCont p:before{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cecece;
    left: 0;
    top: 14px;
}
.saleService{
    margin-top: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.saleSerList{
    height: 275px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% / 3);
    box-sizing: border-box;
    position: relative;
}
.saleSerList:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background: #ededed;
}
.saleSerList:last-child:after{
    display: none;
}
.saleSerTop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 53px;
}
.saleSerTitle{
    font-size: 20px;
}
.saleSerIcon-1{
    background: url("../images/product/icon-15.png") center no-repeat;
    width: 51px;
    height: 53px;
}
.saleSerIcon-2{
    background: url("../images/product/icon-16.png") center no-repeat;
    width: 49px;
    height: 44px;
}
.saleSerIcon-3{
    background: url("../images/product/icon-17.png") center no-repeat;
    width: 49px;
    height: 49px;
}
.saleSerBtn{
    margin-top: 20px;
}
.saleSerText{
    font-size: 18px;
    line-height: 30px;
}
.saleSerList:hover {
    background: url("../images/product/saleSerList.png") center no-repeat;
    background-size: cover;
}
.saleSerList:hover:after{
    display: none;
}
.saleSerList:hover .saleSerTitle, .saleSerList:hover .saleSerText{
    color: #fff;
}
.saleSerList:hover .saleSerIcon-1{
    background: url("../images/product/icon-15s.png") center no-repeat;
    background-size: cover;
}
.saleSerList:hover .saleSerIcon-2{
    background: url("../images/product/icon-16s.png") center no-repeat;
    background-size: cover;
}
.saleSerList:last-child:hover {
    justify-content: space-between;
    align-items: center;
    flex-direction: initial;
}
.saleSerList:last-child:hover .saleSerIcon{
    display: none;
}
.saleSerList:last-child:hover .saleCode{
    display: block;
}
.saleSerInfo{
    display: flex;
    flex-wrap: wrap;
}
.saleCode{
    display: none;
}
.saleSerTop{
    width: 100%;
}
.notImag{
    background: #101010;
}
.notImagSwiper {
    margin-top: 140px;
    overflow: hidden;
}
.parameter{
    background: #111111;
    padding: 100px 0;
}    
.parameter .w1600{
    padding-bottom: 100px;

}
.parameter .w1600:last-child{
    padding-bottom: 0;
}
.parameterTitle{
    text-align: center;
    color: #fff;
    font-size: 40px;
}


.parameterNext{
    margin: 70px auto 0;
    width: 80%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.parameter .paramList .paramLeft .paramListImg{
    width: 50%;
}
.parameter .paramList .paramLeft .paramListImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.paramList{
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
.paramImg{
    width: 53%;
}
.paramImg img{
    width: 100%;
}
.paramSwiper{
    position: relative;
    width: 40%;
    background: #171717;
    overflow: hidden;
}
.paramListImg{
    width: 25%;
    margin: 0 auto;
}
.paramListImg img{
    width: 100%;
}
.paramSwiper .swiper-slide{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.paramText{
    font-size: 26px;
    color: #fff;
    margin-top: 30px;
}
.paramSwiper .swiper-button-prev{
    left: 40px;
    background: url("../images/page/paramLeft.png");
    width: 17px;
    height: 39px;
}
.paramSwiper .swiper-button-next{
    right: 40px;
    background: url("../images/page/paramRight.png");
    width: 17px;
    height: 39px;
}
.paramSwiper .swiper-button-prev:after, .paramSwiper .swiper-button-next:after{
    display: none;
}
.partsTitle{
    font-size: 44px;
    text-align: center;
    padding-top: 100px;
}
.partsNav{
    padding-bottom: 0;
}
.partsBox{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
.partsList{
    background: #fff;
    width: calc((100% - 90px) / 4);
    margin-left: 30px;
    margin-top: 30px;
    padding: 30px;
    box-sizing: border-box;
}
.partsList:nth-child(4n+1){
    margin-left: 0;
}
.partsList:first-child, .partsList:nth-child(2), .partsList:nth-child(3), .partsList:nth-child(4){
    margin-top: 0!important;
}
.partsList:hover .partsText{
    color: #EF4E22;
}
.partsImg {
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-width:120px;
    height: 180px;
}
.partsImg img{
    width: 100%;
}
.partsText{
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
    color: #333;
}
.channel{
    background: url("../images/page/channelBg.png") center no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}
.channelTitle{
    padding-top: 100px;
    text-align: center;
    color: #fff;
    font-size: 32px;
}
.channelImg{
    margin-top: 60px;
}
.channelImg img{
    width: 100%;
}
.channelText{
    margin-top: 25px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.vehicleInfo{
    background: #0d0d0d;
}
.vehicle{
    padding-top: 100px;
}
.vehicleTitle{
    text-align: center;
    color: #fff;
    font-size: 40px;
}
.vehicleBg{
    margin-top: 80px;
    background: #000000;
}
.vehicleBg img{
    width: 100%;
}
.grated{
    margin-top: 60px;
}
.gratedTitle{
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
}
.gratedBox{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gratedList{
    margin-left: 300px;
}
.gratedList:first-child{
    margin-left: 0;
}
.gratedList:hover .gratedIcon{
    transform: rotateY(360deg);
}
.gratedIcon{
    width: 50px;
    margin: 0 auto;
    transition: all 0.5s;
}
.gratedIcon img{
    width: 100%;
}
.gratedText{
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 26px;
}
.gratedImg{
    min-width: 1200px;
    margin-top: 70px;
}
.gratedImg img{
    width: 100%;
}
.attend{
    background: #080808;
    padding: 100px 0;
}
.attendImg img{
    width: 100%;
}
.attendSwiper{
    position: relative;
    margin-top: 80px;
    overflow: hidden;
    padding-bottom: 45px;
}
.attend .appliPlatText{

}
.attendSwiper .swiper-pagination{
    bottom: 0!important;
}
.attendSwiper .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #dadada;
    opacity: 1;
    transition: all 0.5s;
}
.attendSwiper .swiper-pagination-bullet-active{
    background: #EF4E22;
    width: 60px;
}
.attendSen{
    background: none;
}
.attendScene{
    padding-bottom: 100px;
}
.attendScene .sceneList{
    width: calc((100% - 50px) / 2);
    margin-left: 50px;
    margin-top: 50px;
    height: 340px;
}
.attendScene .sceneList:nth-child(3n+1){
    margin-left: 50px;
}
.attendScene .sceneList:first-child, .attendScene .sceneList:nth-child(3n){
    margin-left: 0;
}
.problem .w1600{
    display: flex;
    flex-wrap: wrap;
}
.problemList{
    margin-top: 35px;
    margin-right: 45px;
    border: 1px solid #efefef;
    height: 70px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 25px;
    width: calc((100% - 225px) / 6);
    cursor: pointer;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.problemList:nth-child(6n){
    margin-right: 0;
}
.problemList:hover, .problemList.curr{
    border: 1px solid #EF4E22;
    color: #EF4E22;
}
.askImg{
    background: url("../images/page/ask.png") center no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100% !important;
}
.answer{
    margin-top: 70px;
}
.answerList{
    padding: 0 30px;
    padding-top: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0);
}
.answerTop{
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 95px;
    cursor: pointer;
    box-sizing: border-box;
}
.answerList:first-child{
    padding-top: 0;
}
.answerTopLeft{
    display: flex;
    align-items: center;
}
.answerTitle{
    margin-left: 20px;
    font-size: 18px;
}
.answerBottom{
    display: flex;
    align-items: baseline;
    padding: 30px 0;
}
.answerBottomTitle{
    font-size: 20px;
    color: #EF4E22;
    font-weight: bold;
}
.answerBottomText{
    margin-left: 20px;
    font-size: 14px;
}

.answerList.curr .askImg{
    background: url("../images/page/asks.png") center no-repeat;
}
.answerList.curr .answerTop{
    border-bottom: 1px solid #EF4E22;
}
.answerList.curr{
    border: 1px solid #ededed;
}
.answerTopRight{
    transition: all 0.3s;
}
.answerList.curr .answerTopRight{
    transform: rotate(90deg);
}
.notBorder .answerTop{
    border-bottom: 1px solid rgba(0,0,0,0);
}
.answerBottomInfo{
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.resultInfo{
    padding-top: 155px;
}
.resultSearch{
    background: #fff;
    width: 800px;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 30px;
}
.resultSearchInput{
    height: 100%;
    width: calc(100% - 100px);
    position: relative;
    padding-right: 30px;
}
.resultSearchInput:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 40%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ccc;
}
.resultSearchInput input{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
}
.resultSearchImg{
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url("../images/page/icon-37.png") center no-repeat;
    background-size: cover;
}
.resultSearchImg:hover{
    background: url("../images/page/icon-38.png") center no-repeat;
}
.resultInfo .navThree .w1600 {
    justify-content: flex-start;
}
.resultInfo .navThree .w1600 .navThreeList:first-child{
    margin-left: 0;
}
.newsInfoBox .partsList:first-child, .newsInfoBox .partsList:nth-child(2), .newsInfoBox .partsList:nth-child(3){
    margin-top: 40px;
}
.newsInfoBox .instructList{
    margin-top: 40px;
}
.resultSolveList{
    margin-top: 40px;
    margin-left: 40px;
    width: calc((100% - 80px) / 3);
    height: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.resultSolveList i{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.resultSolveList:nth-child(3n+1){
    margin-left: 0;
}
.resultSolveText{
    position: absolute;
    font-size: 24px;
    color: #fff;
}
.resultSolveList:hover i{
    transform: scale(1.05);
}


.layui-laypage{
    width: 100%;
    margin: 0;
}
.layui-laypage a, .layui-laypage span{
    display: inline-block;
    margin: 0 12px;
    font-size: 16px;
    color: #666;
    height: 49px;
    line-height: 49px;
    min-width: 37px;
    padding: 0 5px;
    border: #ccc 1px solid;
}
.layui-laypage-prev{
    float: left;
    padding-right: 0!important;
    padding-left: 24px!important;
    margin: 0!important;
    line-height: 49px!important;
    font-size: 16px!important;
    color: #999!important;
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_24.png) left center no-repeat;
    border: none!important;
}
.layui-laypage-next{
    float: right;
    padding-left: 0!important;
    padding-right: 24px!important;
    margin: 0!important;
    line-height: 49px;
    font-size: 16px;
    color: #999;
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_25.png) right center no-repeat;
    border: none!important;
}
.layui-laypage a:hover{
    color: #EF4E22;
    border: #EF4E22 1px solid;
}
.layui-laypage-prev:hover{
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_24s.png) left center no-repeat;
}
.layui-laypage-next:hover{
    background: url(https://cdncn.prodrone-tech.com/images/icon/icon_25s.png) right center no-repeat;
}
.layui-laypage-curr{
    background: #EF4E22;
    color: #fff!important;
}
.posbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.posbox b {
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    animation-delay: 0.8s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.powVideo{
    height: 600px;
}
.insApp{
    background: #fff;
}
.gduVideo video{
    width: 100%;
}